<template>
	<div class="home app_content">
		<!-- 导航栏 -->
		<div class="header_body">
			<header-nav :leftArrow="false" titelText="购置补贴"></header-nav>
		</div>

		<!-- 中间 -->
		<div class="warp_body">
      <van-cell :border="false" title="农机购置补贴申请办理服务" />
      <van-grid clickable :column-num="2" style="margin-bottom: 10px">
        <van-grid-item :icon="One" text="补贴情况公开" @click="goMenudetail({name: 'applyForCondition'})"/>
        <van-grid-item :icon="Two" text="资金使用情况" @click="goMenudetail({name: 'applyForCapital'})"/>
        <van-grid-item :icon="three" text="补贴产品公开" @click="goMenudetail({name: 'applyForProduct'})"/>
        <van-grid-item :icon="four" text="生产企业登录" @click="goNewPage"/>
      </van-grid>
      <van-cell :border="false" title="农机购置补贴企业产品归档" />
      <van-grid clickable :column-num="2" style="margin-bottom: 10px">
        <van-grid-item :icon="five" text="补贴公示" @click="goMenudetail({name: 'firmSubsidy'})"/>
        <van-grid-item :icon="six" text="投档公示" @click="goMenudetail({name: 'firmArchives'})"/>
      </van-grid>
      <van-cell :border="false" title="农机购置补贴”三合一“管理" />
      <van-grid clickable :column-num="2" style="margin-bottom: 10px">
        <van-grid-item :icon="seven" text="补贴办理须知" @click="goMenudetail({name: 'managementInform'})"/>
        <van-grid-item :icon="eight" text="补贴机具查询" @click="goMenudetail({name: 'managementMachines'})"/>
        <van-grid-item :icon="nine" text="扫码查询机具" @click="goMenudetail({name: 'managementScan'})"/>
        <van-grid-item :icon="ten" text="购置补贴公示" @click="goMenudetail({name: 'managementPublicity'})"/>
      </van-grid>
		</div>
	</div>
</template>

<script setup name="Home">
import One from "@/assets/icon/1.png"
import Two from "@/assets/icon/2.png"
import three from "@/assets/icon/3.png"
import four from "@/assets/icon/4.png"
import five from "@/assets/icon/5.png"
import six from "@/assets/icon/6.png"
import seven from "@/assets/icon/7.png"
import eight from "@/assets/icon/8.png"
import nine from "@/assets/icon/9.png"
import ten from "@/assets/icon/10.png"
const router = useRouter();
const goMenudetail = (item) => {
  router.push(item);
};
const goNewPage = () => {
  window.open('https://bt.sdnj.org.cn:2021/account/logonqy')
}
</script>

<style lang="less" scoped>
.home {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: #f4f4f4;
}
.menu-list {
  display: flex;
}
.menu-item {
  text-align: center;
  width: 50%;
}
</style>
